<div class="stars-container" #container>
  <ul class="stars-off" [ngStyle]="{'width': width+'px',height:height+'px'}">
    <li  class="star-off" *ngFor="let i of arr" [ngStyle]="{'width':part + 'px','font-size':fontSize+'px','line-height':height+'px'}">
      <span class="iconfont icon-xing1" [ngStyle]="{'font-size': fontSize+'px','color': offColor}"></span>
    </li>
  </ul>
  <div class="on-container">
    <ul  class="stars-on" [ngStyle]="{'width': activeWidth+'px',height:height+'px'}">
      <li  class="star-on" *ngFor="let i of arr" [ngStyle]="{'width':width/total + 'px','font-size':fontSize+'px','line-height':height+'px'}">
        <span class="iconfont icon-xing1" [ngStyle]="{'font-size': fontSize+'px','color': onColor}"></span>
      </li>
    </ul>
  </div>
</div>
